﻿@charset "utf-8";
body,html{position: relative; overflow-x: hidden;}
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143;
 font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #666460;
 width: 100%; min-width: 320px; zoom:1;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);
/*控制文本可选性*/
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}

* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.dl,.dl dd,.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;font-family: '微软雅黑';} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #FF5800;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}

.container{margin:0 auto; max-width: 1200px;padding: 0 15px;}
@media screen and (min-width:1200px ){
    .container{width:98%;margin:0 auto; padding: 0;}
}

/*全局样式*/

/*页面框架结构*/
.contain{} /*页面主体内容*/
.slidebar{} /*边侧菜单*/
.maincontent{} /*主要内容*/
.content{} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.current{ /*当前位置*/}
/*分页*/
.pages{}
/*分页*/

/*头部*/
.TopLang{background: #000; text-align: right; line-height: 35px;}
.TopLang a{color: #fff;display: inline-block; margin-left: 8px;}
.TopLang a:hover{color:#ed192f; }

.TopLang .NavBtn {float: left;display: none;height: 37px; width: 45px;position: relative; margin: 0 auto;cursor: pointer;}
.TopLang .NavBtn span {display: block; width: 80%;height: 3px; background: #fff; border-radius: 5px;position: absolute;left: 10%;}
.TopLang .NavBtn span.span1{top:70%;}
.TopLang .NavBtn span.span2{top:50%; margin-top: -1.5px;}
.TopLang .NavBtn span.span3{bottom: 70%;}
.TopLang .NavBtnon span.span1{transform: rotate(-45deg); top: 50%;}
.TopLang .NavBtnon span.span2{background-color: transparent;}
.TopLang .NavBtnon span.span3{transform: rotate(45deg);top: 50%;}
.TopLang .searchBox{margin-top: 3px;float: none;display: none;}

.header{ position: absolute; left: 0;top: 0; width: 100%; z-index: 999; }
.headerBox{height: 65px;background:rgba(0,0,0,.6);}
.header .logo{display: block;float: left; margin-top: 11px;}
.header .mainnav{float: right;}

/* .mainnav{padding-top: 18px;} */
.mainnav ul.navul{float: left;margin-right: 10px;}
.mainnav ul.navul li{float: left;position: relative;}
.mainnav ul.navul li a.navA{width: 95px;display: block; line-height: 65px; text-align: center; color: #fff; font-size: 16px;}

.mainnav ul .Mxl{position: absolute; display: none;}
.mainnav ul .Mxl a{display: inline-block; width: 105px; line-height: 50px; color: #fff; font-size: 16px;text-align: center;}

.searchBox{margin-top: 18px;float: left; border-radius:5px; border:1px solid #a6a6a6;position: relative; height: 30px; padding: 4px 30px 0 10px; width: 115px;}
.searchBox input{display: block;width: 100%; line-height: 22px; color: #fff;}
.searchBox a{display: block; position: absolute; right: 0;top: 0; width: 30px; height: 30px; background: url('../images/search.png') no-repeat center; }


.header{display: none;}

.header .dy{display: block; line-height: 65px; color: #fff;float: left; margin: 0 20px;}
.header .lang{display: block; position: relative; float: left; line-height: 65px; color: #fff;padding-right: 15px; background: url('../images/langbg.png') no-repeat right center; cursor: pointer;}
.header .lang .langul{position: absolute; width: 60px;padding:0px 10px 5px;  background:rgba(0,0,0,.6);right: 0;top: 100%; display: none; }
.header .lang .langul li a{ display: block; line-height: 25px;  text-align: right; padding-right: 10px; color: #fff;}
/*.header .lang:hover .langul{display: block;}*/

.headerNav{background: rgba(255,159,26,.8); height: 50px; line-height: 50px;display: none;}
.mainnav .navul li .Mxl{font-size: 0; position: absolute; left: 50%;top: 100%;}


.Minnav{ position: fixed; right: 0; z-index: 999;top:5%;/*margin-top:-141px;*/width: 90px;}
.Minnav li{ margin-bottom: 8px;}
.Minnav li .libox{background: #000;  padding: 15px 10px; border-radius: 8px 0 0 8px; text-align: center; color: #fff;}
.Minnav .NavBtn{display: block; height: 37px;width: 45px;position: relative;  margin:0 auto;cursor: pointer; }
.Minnav .NavBtn span{display: block; width: 80%;height: 3px; background: #fff; border-radius:5px; position: absolute; left: 10%; transition: all .3s;}
.Minnav .NavBtn span.span1{top:70%;}
.Minnav .NavBtn span.span2{top:50%; margin-top: -1.5px;}
.Minnav .NavBtn span.span3{bottom: 70%;}
.Minnav .NavBtnon span.span1{transform: rotate(-45deg); top: 50%;}
.Minnav .NavBtnon span.span2{background-color: transparent;}
.Minnav .NavBtnon span.span3{transform: rotate(45deg);top: 50%;}

.Minnav .li .libox{float: right; width: 80px; display: block;}
.Minnav .li .libox2{width: 120px; border-radius: 0; margin-left:2px;}
.Minnav .li .libox3{width: 138px; border-radius: 0; }
.Minnav .li .spanA{ display:inline-block;color: #fff; padding-left: 25px; margin: 0 auto; background-position: 0 center; background-repeat: no-repeat;}
.Minnav .li2 .spanA{background-image:url('../images/iconnav01.png'); }
.Minnav .li3 .spanA{background-image:url('../images/iconnav02.png'); }
.Minnav .li4 .spanA{background-image:url('../images/iconnav03.png'); }
.Minnav .li2 .libox2 .spanA{background-image:url('../images/iconnav04.png');padding-left: 37px; }
.Minnav .li2 .libox3 .spanA{background-image:url('../images/iconnav05.png');padding-left: 30px; }
.Minnav li.li2:hover .libox1{background: #ED1A2D;}
.Minnav .li3 .libox1 .spanA{background:none; padding: 0 10px;}
.Minnav .li3 .libox1{border-radius: 0; margin-left: 2px; width: 150px;}
.Minnav .ul .li{position: relative; }
.Minnav .ul li.li2,.Minnav .ul li.li3{ height: 50px;}
.Minnav .ul li .Lbox{ position: absolute; height: 50px;}
.Minnav .ul li.li2 .Lbox{/*right: -262px;*/right: -124px; height: 50px; width: 380px; }
.Minnav .ul li.li3 .Lbox{  right: -152px; height: 50px; width:252px; }
.Minnav .ul li.li4 .Lbox{  /*right: -152px;*/ right: 2px;height: 50px; width:300px;padding-right: 55px;position: relative;}
.Minnav .ul li.li4 .Lbox .qux{position: absolute;top:0;right:0px;color:#fff;height: 50px;line-height: 50px;text-align: center;background: #000;width: 53px;}
.Minnav .ul li.li4 .libox{position: relative;}
.Minnav .ul li.li4 .libox .Box{position: absolute;top:0px;left:0;width: 100%;height: 100%;}

.Minnav .li4 .libox1{border-radius: 0; margin-left: 2px; width: 150px;padding-top: 14px;padding-bottom: 14px;}
.Minnav .ul li.li4 .Lbox input{line-height: 22px; display: block; width: 100%; color: #fff;}

.Minnav .ul li.li4 .Lbox input::-webkit-input-placeholder { color:#fff; }
.Minnav .ul li.li4 .Lbox input::-moz-placeholder { color:#fff; } /* firefox 19+ */
.Minnav .ul li.li4 .Lbox input:-ms-input-placeholder { color:#fff; } /* Internet Explorer 10+ */
.Minnav .ul li.li4 .Lbox input:-moz-placeholder { color:#fff; } /* firefox 14-18 */

.All_slide_top{position: fixed;z-index: 999;width: 50px;height: 50px;right: 15px;bottom:20px;border-radius: 50%;background: url(../images/up.png) #ed1a2e no-repeat center;cursor: pointer;}


@media screen and (max-width:1000px ){
   .Minnav{top: 35px;}
}


@media screen and (min-width:1000px ){
  .Minnav .ul li:hover .Lbox{right: 0;}
  .TopLang{display: none;}
  .Minnav .ul li.li4:hover .Lbox{right: 210px;}
  .Minnav .ul li .Lbox{ -webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s; }
  .Minnav .ul li.li4 .Lbox{right: 58px;padding-right: 0;}
  .Minnav .ul li.li4 .Box{display: none;}
  .Minnav .ul li.li4 .qux{display: none;}
  .header .mainnav{margin-right: 70px;}
}


.NavMenu{position: fixed; right: -320px;width: 240px; top:0;z-index: 999; height: 100%;background:#000; -webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.NavMenu.NavMenuon{right: 0;}
.NavMenu .MenuBox{overflow-y: auto;height: 100vh;}
.NavMenu .close{display: block; position: absolute; top: 0;left: 0;margin-left: -60px; background:#ed192f; height: 44px;width: 60px; }
.NavMenu .close span{display: block; width: 60%;height: 3px; background: #fff; border-radius:5px; position: absolute; left: 20%; transition: all .3s;}
.NavMenu .close span.span1{transform: rotate(-45deg); top: 50%;}
.NavMenu .close span.span3{transform: rotate(45deg);top: 50%;}
.NavMenu .MenuBox ul li .MenuNavA{ line-height: 54px;padding-left: 40px;font-size:18px; color: #fff; display: block; }
.NavMenu .MenuBox ul li .MenuXl{ background: url('../images/xlbg.png') no-repeat 90% center; }
.NavMenu .MenuBox ul li.xlOn .MenuXl{background-image: url('../images/xlbgon.png');background-color:#ed192f;}
.NavMenu .MenuBox ul li .MenuNavA:hover{background-color: #ed192f;}
.NavMenu .MenuBox ul li .xl{padding: 10px 0; display: none;}
.NavMenu .MenuBox ul li .xl a{display: block; padding-left: 40px; color: #fff;}
.NavMenu .MenuBox ul li .xl a:hover{color: #ed192f;}

@media screen and (min-width:1000px ){
  .NavMenu .close{margin-left: -80px; height: 64px;width: 80px;}
  .NavMenu .MenuBox ul li .MenuNavA{ line-height: 74px;}
  .NavMenu .MenuBox ul li .MenuNavA{font-size: 24px;}
  .NavMenu .MenuBox ul li .xl a{font-size: 18px; line-height: 33px;}
}

/*头部*/

/*底部*/
.footer{position: relative; background: #1E1E1E;}
.footer .imgbgtop1{position: relative; border-color:rgba(0,0,0,0); }
.footer .imgbgtop1 img{margin-top: -1px;}
.footer .bottomlogo{width: 80px; display: block;max-width: 180px;}
.footer .Bottom{display: none;padding: 2% 0; color: #fff;}
.footer .Bottom a{color: #fff;}
.footer .Bottom .left{ width: 340px; float: left;}
.footer .Bottom .ConNav{ width: 655px;float: left; }
.footer .Bottom .ConNav ul li{float: left; width: 105px;}
.footer .Bottom .left .h3{font-weight: normal; font-size: 16px;}
.footer .Bottom .left .p{font-size: 14px;color: #c9c9cb;line-height: 20px;}
.footer .Bottom .left .tel{padding-top: 10px;}
.footer .Bottom .left .tel .p{padding-left: 20px; background: url('../images/tel.png') no-repeat 0 center;}
.footer .Bottom .left .tel .h3{font-size: 24px;}
.footer .Bottom .ConNav{}
.footer .Bottom .ConNav dl dt{font-size: 16px; font-weight: normal;}
.footer .Bottom .ConNav dl dt .icon{display: block; width: 17px;height: 1px;background: #595959; margin: 10px 0;}
.footer .Bottom .ConNav dl dd a{ display: block; font-size: 14px; color: #bfbfbf; line-height: 25px; }
.footer .Bottom .right{float: right; width:180px; }
.footer .Bottom .right .bSearchbox{height: 36px; border:1px solid #606060;padding:7px 40px 7px 15px;  position: relative;}
.footer .Bottom .right .bSearchbox input{display: block; width: 100%;height: 22px; line-height: 22px;}
.footer .Bottom .right .bSearchbox .btn{display: block; width: 36px; height: 100%; position: absolute; right: 0;top: 0; background: url('../images/bsearchbtn.png') no-repeat center;}
.footer .Bottom .right .bdyA{display: block; height: 36px;line-height: 36px; text-align: center; background: #ed1a2e; color: #fff;margin-top: 5px;}
.footer .Bottom .right .bgzbox{position: relative; display: block; background: url('../images/wxbg.png') no-repeat 0 0; height: 60px;padding-left: 60px;padding-top: 5px;margin-top: 20px;}
.footer .Bottom .right .bgzbox .img{background: url('../images/wxxbg1.png') no-repeat  center; width: 163px;height: 150px;padding: 7.5px;display: none;position: absolute; left: 51px;top: 50%;margin-top: -75px; text-align: right;}

.footer .Bottom .right .bgzbox .img img{width: 135px;height: 135px;}
@media only screen and (min-width:640px ) {
	.footer .Bottom .right .bgzbox:hover .img{display: block;}

}
@media screen and (min-width:1024px ){
  .footer .bottomlogo{width: auto;}
  .footer .Bottom{display: block;} 
}
@media only screen and (max-width:1024px ) {
	.footer .Bottom .ConNav{display: none;}
}

.bottom{}
.BottomLinks{padding: 15px 0;margin-top: 15px; text-align: center;border-top: 1px solid #2e2e2e; }
.BottomLinks,.BottomLinks a{color: #bfbfbf;}
.BottomLinks .blinks a{ display: inline-block; padding-right: 5px;padding-left: 10px;  background: url('../images/blinkbg.png') no-repeat left center; } 
.BottomLinks .blinks a.first{padding-left: 0;background: none; }
.beian{background: url(../images/beianbgs.png) no-repeat 2px center/auto 100%;padding-left: 26px;margin-left: 10px;display: inline-block;}
@media screen and (min-width:1000px ){
  .BottomLinks .left{float: left; width: 415px; text-align:left;}
  .BottomLinks .right{float: right; text-align: right;}
}
@media screen and (min-width:1200px ){
  .footer .Bottom .right .bgzbox .img{background: url('../images/wxxbg.png') no-repeat  center; width: 163px;height: 150px;padding: 7.5px;display: none;position: absolute; right: 100%;top: 50%;margin-top: -75px;left: auto;    text-align: left;}
}
@media screen and (min-width:1600px ){
  .BottomLinks{padding: 24px 0;margin-top: 24px;}

}

/*底部*/

/*页面二级/左侧/右侧菜单*/
.slidebar{}
/*页面二级/左侧/右侧菜单*/

/* banner */
.HomeBan{position: relative;}
.HomeBan .banbg{position: absolute; left: 0;bottom: 0;}
.HomeBan .list .ul{position: relative;}
.HomeBan .list .ul .libox{position: relative;width: 100%;}
.HomeBan .bx-pager{position: absolute; z-index: 99;}
.HomeBan .bx-pager{position: absolute; width: 100%;text-align: center; bottom: 10px;}
.HomeBan .bx-pager .bx-pager-item{ display: inline-block; margin: 0 3px; }
.HomeBan .bx-pager .bx-pager-item a{ display: block; width: 10px;line-height: 999px; overflow: hidden;height: 10px; background:url('../images/blibg.png') no-repeat center; background-size: cover; border-radius: 8px; }
.HomeBan .bx-pager .bx-pager-item a.active{background-image:url('../images/blibgon.png');}

@media screen and (min-width:1000px ){
  .header{display:block; opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
  .header:hover{opacity: 1;}
  .HomeBan .bx-pager .bx-pager-item a{width: 15px;height: 15px;}
  .HomeBan .bx-pager .bx-pager-item{margin: 0 6px;}
}

@media screen and (min-width:1500px ){
  .HomeBan .bx-pager .bx-pager-item a{width:20px;height:20px;}
}




.HomeBan{position: relative;}
.HomeBan .banbg{position: absolute; left: 0;bottom: -1px;}
.HomeBan .list .ul{position: relative;}
.HomeBan .swiper-slide .libox{position: relative;width: 100%;}
.HomeBan .swiper-pagination{position: absolute; z-index: 99;}
.HomeBan .swiper-pagination{position: absolute; width: 100%;text-align: center; bottom: -2px;}
.HomeBan .swiper-pagination .swiper-pagination-bullet{ display: inline-block; margin: 0 3px; }
.HomeBan .swiper-pagination .swiper-pagination-bullet{ width: 10px;line-height: 999px; overflow: hidden;height: 10px; background:url('../images/blibg.png') no-repeat center; background-size: cover; border-radius: 8px; }
.HomeBan .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-image:url('../images/blibgon.png');}
.banner_logo{width: 120px;position: absolute;top:50%;left: 50%;-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);margin-left: -60px; z-index: 99;}
.HomeBan .swiper-wrapper img{top: 0px; display: block; opacity: 1; z-index: 1; transform: translate3d(0px, 0px, 0px) scale(1.8, 1.8);

}
@media only screen and (min-width:640px ) {
	.HomeBan .swiper-wrapper img{  transition: all 12s;
-moz-transition: all 12s;  /* Firefox 4 */
-webkit-transition: all 12s; /* Safari 和 Chrome */
-o-transition: all 12s;}
}
.HomeBan .swiper-wrapper .swiper-slide-active img{transform: translate3d(0px, 0px, 0px) scale(1.0, 1.0);}
.HomeBan .swiper-pagination{display: none;}


@media screen and (min-width:480px ){
   .banner_logo{width: 200px;margin-left: -100px;}
}
@media screen and (min-width:1000px ){
  .header{display:block; opacity: 1; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
  .header:hover{opacity: 1;}
  .HomeBan .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;}
  .HomeBan .swiper-pagination .swiper-pagination-bullet{margin: 0 6px;}
  .banner_logo{width: 450px;margin-left: -225px;}
}

@media screen and (min-width:1500px ){
  .HomeBan .swiper-pagination .swiper-pagination-bullet{width:20px;height:20px;}
}





.banner{position: relative;}
.banner .banbg{position: absolute; left: 0;bottom: -1px;}
.banner .BanTxt{position: absolute;color: #fff; left: 15px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
.banner .BanTxt .h3,.banner .BanTxt .h4{font-weight: normal; line-height: 1em;}
.banner .BanTxt .h3{font-size: 28px; text-transform: uppercase;}
.banner .BanTxt .h4{font-size: 20px;}



@media screen and (min-width:768px ){
  .banner .BanTxt .h3{font-size: 35px;}
  .banner .BanTxt .h4{font-size: 22px;}

}

@media screen and (min-width:1230px ){
  .banner .BanTxt{width: 1200px; left: 50%;margin-left: -600px;}
  .banner .BanTxt .h3{font-size: 48px;}
  .banner .BanTxt .h4{font-size: 30px;}
}

/* banner */

/* 公共样式 */
.MainTitle{text-align: center; position: relative; z-index: 8;}
.MainTitle .h2{font-weight: normal; color: #000; text-transform: uppercase; font-size: 26px; position: relative; line-height: 1em;width: max-content;margin: 0 auto;}
.MainTitle .h2 span{position: relative; z-index: 4;}
.MainTitle .h2 span .icon{display:block;z-index: -2; position: absolute; width: 50%;height:22px; background: #ff9f1a; bottom: 8px;left: 0%;right: 0;margin: 0 auto;}
.MainTitle .h3{font-weight: normal; color: #000;font-size: 20px; text-align:center; line-height: 1em;margin-top: 10px;}
.MainTitle .h3 span{display: inline-block; position: relative;}
.MainTitle .h3 span b{font-weight: normal;position: relative;z-index: 6;}
.MainTitle .h3 span .icon1{display: inline-block;width: 40px;z-index: 5; background: url('../images/blbg.png') no-repeat 0 center; left: -44px; top: 0; height: 100%;position: absolute;}
.MainTitle .h3 span .icon2{display: inline-block;width: 40px;z-index: 7; background: url('../images/blbg.png') no-repeat 0 center; right: -44px; top: 0; height: 100%;position: absolute;}
.MainTitle .p{font-size: 16px;padding-top:8px; position: relative; z-index: 8;}


@media screen and (min-width:768px ){
  .MainTitle .h2{font-size: 45px;}
  .MainTitle .h3{font-size: 30px;}
  .MainTitle .h2 .icon{height: 20px; width: 120px;margin-left: -60px;}
  .MainTitle .h3 span .icon1,
  .MainTitle .h3 span .icon2{width: 50px;}
}

@media screen and (min-width:1000px ){
  .MainTitle .h2{font-size: 50px;}
  .MainTitle .h3{font-size: 38px;}
  .MainTitle .h2 .icon{height: 30px; width: 250px;margin-left: -125px;}
  .MainTitle .h3 span .icon1,
  .MainTitle .h3 span .icon2{width: 60px;}
  .MainTitle .h2{font-size: 60px;font-weight: bold;}
  .MainTitle .h3{font-size: 43px;}
}

@media screen and (min-width:1500px ){
  .MainTitle .h2{font-size: 65px;}
  .MainTitle .h3{font-size: 48px;}
  .MainTitle .h2 .icon{width: 260px;margin-left: -130px;}
}

.MainCon{padding: 3.6% 0;}

/* 公共样式 */

.HomeF,.FHbox{position: relative;/* overflow: hidden;*/}
/*.HomeF1{padding-top: 1%;}*/
.HomeF1 .HomeBox{padding-top: 2%;}
.HomeF1 .HomeBox .h3{text-align: center;}
.HomeF1 .HomeBox .h3 img{width: 100px;}
.HomeF1 .HomeBox .txtBox{ text-align: center;max-width: 740px;margin: 10px auto; }
.HomeF1 .HomeBox .txtBox .h4{ color: #333;font-weight: normal;font-size: 18px; }
.HomeF1 .HomeBox .txt{line-height: 1.8em;padding-top: 2%;}

@media screen and (min-width:1000px ){
  .HomeF1 .HomeBox .h3 img{width: auto;}
  .HomeF1 .HomeBox .txt{font-size: 16px;}
  .HomeF1 .HomeBox .txtBox .h4{font-size: 24px;}
  .HomeF1 .HomeBox .txtBox{margin-top: 30px;}
}

.HomeF2{ background: #000; }
.HomeF .imgbgtop,.FHbox .imgbgtop{ position: absolute; left: 0;top: -1px; z-index: 4;}
.HomeF .imgbgbottom,.FHbox .imgbgbottom{ position: absolute; left: 0;bottom: -1px; z-index: 4; }
.HomeF .imgbgbottom img,.HomeF .imgbgbottom  img{width: 100%;}
.HomeF .imgbgtop img,.HomeF .imgbgtop img{width: 100%;}
.FHbox .imgbgtop .img01{ display: none; }
.FHbox .imgbgtop .img02{}

.HomeF2 .imgBox{opacity: .5;}
.HomeF2 .imgBox img{width: 100%;}
.HomeF2 .txtbox{ text-align: center;color: #fff;min-width: 280px; position: absolute; left: 50%;top: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 5;}
.HomeF2 .txtbox .h3{font-size: 20px; font-weight: normal; text-transform: uppercase;}
.HomeF2 .txtbox .more{display: inline-block; color: #fff; font-size: 16px; background: url('../images/more.png') no-repeat 70px center;padding-right: 40px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.HomeF2 .txtbox .more:hover{ background-position:75px center;}

@media screen and (min-width:768px ){
  .HomeF2 .txtbox .h3{font-size:30px;}
  .HomeF2 .txtbox .more{font-size:26px; background-position:110px center;}
  .HomeF2 .txtbox .more:hover{ background-position:120px center;}
}

@media screen and (min-width:1000px ){
  .HomeF2 .txtbox .h3{font-size: 48px;}
  .HomeF2 .txtbox .more{font-size: 30px; background-position:125px center;}
  .HomeF2 .txtbox .more:hover{ background-position:135px center;}
}

.HomeF3{padding-top:2%;}
.HomeF3 .List{padding: 4.5% 0;}
.HomeF3 .List li .LTxtBox{padding: 20px 0;}
.HomeF3 .List li .Licon{display: none;}
.HomeF3 .List li .Licon img{width: 100%;}
.HomeF3 .List li .LTxtBox{margin:0 auto;padding-left: 30%; position: relative;}
.HomeF3 .List li .LTxtBox .LTxtIcon{text-align: right;position: absolute; left: 0;top: 0; width: 30%;height: 100%;padding-right: 15px;}
.HomeF3 .List li .LTxtBox .Ltxt{}
.HomeF3 .List li .LTxtBox .Ltxt .h3{font-size: 20px; color: #000;}
.HomeF3 .List li .LTxtBox .Ltxt .h4{font-size: 26px; color: #000;position: relative; max-width:240px; line-height: .8em;text-transform: uppercase;margin-top: 8px;}
.HomeF3 .List li .LTxtBox .Ltxt .h4 span{position: relative;z-index: 4;}
.HomeF3 .List li .LTxtBox .Ltxt .h4 .icon{display: block; position: absolute; left: 0;bottom: -2px;z-index: 3; width: 125px; height:15px; background: #ff4355;}
.HomeF3 .List li .Left{overflow: hidden;}
.HomeF3 .List li.li2 .LTxtBox .Ltxt .h4 .icon{background: #b47bd4;}
.HomeF3 .List li.li3 .LTxtBox .Ltxt .h4 .icon{background: #ffc033;}
.HomeF3 .List li.li4 .LTxtBox .Ltxt .h4 .icon{background: #ffa63e;}
.HomeF3 .List li.li5 .LTxtBox .Ltxt .h4 .icon{background: #749ece;}
.HomeF3 .List li .LTxtBox .table img{max-width: 60%;vertical-align: middle;}
.HomeF3 .List li .LTxtBox .table{display: table; width: 100%; text-align: right;height:100%; }
.HomeF3 .List li .LTxtBox .table .tb-c{display: table-cell;vertical-align: middle;}
.HomeF3 .List li .LTxtBox .Ltxt .more{display: block;margin-top: 10px; width: 145px;padding-left: 18px;line-height:40px; border:3px solid #3d3d3d;font-size: 14px; color: #333; background: url('../images/more01.png') no-repeat 95px center; }
.HomeF3 .List li .right .Rimg img{ width: 100%; transition: all 3s;
-moz-transition: all 3s;  /* Firefox 4 */
-webkit-transition: all 3s; /* Safari 和 Chrome */
-o-transition: all 3s;}
.HomeF3 .List li .right:hover img{transform: translate3d(0px, 0px, 0px) scale(1.3, 1.3);}

@media screen and (min-width:550px ){
  .HomeF3 .List li .LTxtBox .table img{max-width: 70%;}
}

@media screen and (min-width:650px ){
  .HomeF3 .List li .LTxtBox .table img{max-width: 70%;}
}

@media screen and (min-width:768px){
  .HomeF3 .List li .Left{float: left; width:50%;}
  .HomeF3 .List li .right{float: right; width:50%;}
  .HomeF3 .List li.odd .Left{float: right;}
  .HomeF3 .List li.odd .right{float: left;}
  .HomeF3 .List li .LTxtBox{padding:10px 0 10px 40%;}
  .HomeF3 .List li .LTxtBox .LTxtIcon{width: 40%;}
}

.ConsultBox .text{font-size: 8px !important;}
#ChinaMap text{font-size: 8px !important;}
.HomeF3 .List li .LTxtBox .table .img2{display: none;}
@media screen and (min-width:1000px){

  .HomeF3 .List li .LTxtBox{padding:10px 0 10px 30%; float:right; width:63.58%;}
  .HomeF3 .List li .Licon{display: block;float: left; width:36.42%;}
  .HomeF3 .List li .right .Rimg img{ width:91.48%; }
  .HomeF3 .List li .Left{float: left; width:51.04%;}
  .HomeF3 .List li .right{float: right; width:48.96%; position: relative;overflow:hidden;}
  .HomeF3 .List li.odd .Left{float: left;}
  .HomeF3 .List li.odd .right{float: right;}
  .HomeF3 .List li .Rmask{position: absolute; right: 0;top:0;height: 100%;}
  .HomeF3 .List li .LTxtBox .Ltxt .h4 .icon{left: -5px;}
  .HomeF3 .List li.li1 .Rmask{background-color: rgba(255,67,85,.8);}
  .HomeF3 .List li.li2 .Rmask{background-color: rgba(180,123,212,.8);}
  .HomeF3 .List li.li3 .Rmask{background-color: rgba(253,189,68,.8);}
  .HomeF3 .List li.li4 .Rmask{background-color: rgba(253,165,73,.8);}
  .HomeF3 .List li.li5 .Rmask{background-color: rgba(116,158,206,.8);}
  .HomeF3 .List li .LTxtBox:hover .img2{display: inline-block;}
  .HomeF3 .List li .LTxtBox:hover .img1{display: none;}
  .HomeF3 .List li .LTxtBox:hover .Ltxt .h3{color:#ff4355;}

  
}

@media screen and (min-width:1500px){
  .HomeF3 .List li .right .Rimg img{ width:91.41%; }
}


.HomeF4{background: #f7f7f7;padding: 8% 0;}
.HomeF4 .HomeNew{position: relative; z-index: 8;max-width: 1800px; margin:0 auto;}
.HomeF4 .HomeNew .List{padding: 0 30px; position: relative;}
.HomeF4 .HomeNew .List .swiper-container{padding: 5% 0; }
.HomeF4 .HomeNew .List .swiper-button-prev{ background: url('../images/prev.png') no-repeat center; background-size: cover; left: 0;}
.HomeF4 .HomeNew .List .swiper-button-next{background: url('../images/next.png') no-repeat center; background-size: cover; right: 0;}
.HomeF4 .HomeNew .List .Libox{display: block; border-bottom: 3px solid transparent; position: relative;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.HomeF4 .HomeNew .List .Libox .img img{width: 100%;}
.HomeF4 .HomeNew .List .Libox .txtBox{background: #fff; padding: 10px 15px 15px 40px; position: relative;}
.HomeF4 .HomeNew .List .Libox .txtBox .Time{background: #FF9F1A; position: absolute; left: 20px;top: -30px;height: 55px;font-size: 14px; color: #000; padding: 10px; z-index: 2;}
.HomeF4 .HomeNew .List .Libox .txtBox .h3{position: relative; z-index: 4; font-weight: normal; font-size: 18px;color: #000; height: 73px; overflow: hidden;}

@media screen and (min-width:1000px){
  .HomeF4 .HomeNew .List .Libox .txtBox .h3{font-size: 24px;}
  .HomeF4 .HomeNew .List .Libox .txtBox .h3:hover{color:#EC1629;}
  .HomeF4 .HomeNew .List .Libox:hover{z-index: 88;border-bottom: 3px solid #EC1629;box-shadow: 0 0 10px #e7e7e7;  -webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
  .HomeF4 .HomeNew .List{padding: 0 10%;}
  .HomeF4 .HomeNew .List .swiper-button-prev{left: 3%;}
  .HomeF4 .HomeNew .List .swiper-button-next{right: 3%;}
  .HomeF4 .HomeNew .List .swiper-button-prev,
  .HomeF4 .HomeNew .List .swiper-button-next{width: 60px; height:120px;}

}

@media screen and (min-width:1920px){
  .HomeF4 .HomeNew .List .swiper-button-prev{left: 0px;}
  .HomeF4 .HomeNew .List .swiper-button-next{right: 0px;}
  .HomeF4 .HomeNew .List{padding: 0 135px;}
  .HomeF4 .HomeNew .List .swiper-button-prev,
  .HomeF4 .HomeNew .List .swiper-button-next{width: 100px; height:145px;}
}

.HomeF5{background: #ff9f1a;padding: 2% 0;}
.HomeF5 .MainTitle{position: relative; z-index: 8;}
.HomeF5 .imgbgtop .img01{ display: none; }
.HomeF5 .HomeAwards{position: relative; z-index: 8;max-width: 1800px; margin:0 auto;}
.HomeF5 .HomeAwards .List{padding: 0 30px; position: relative;}
.HomeF5 .HomeAwards .List .swiper-container{margin:50px auto 0; }
.HomeF5 .HomeAwards .List .swiper-prev,.HomeF5 .HomeAwards .List .swiper-next{display: block;position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;}
.HomeF5 .HomeAwards .List .swiper-prev{ background: url('../images/prev.png') no-repeat center; background-size: cover; left: 0;}
.HomeF5 .HomeAwards .List .swiper-next{background: url('../images/next.png') no-repeat center; background-size: cover; right: 0;}
.HomeF5 .HomeAwards .Libox{display: block; text-align: center;}
.HomeF5 .HomeAwards .Libox .img{height: 250px; text-align: center;background-color: #ffb753;position: relative;}
.HomeF5 .HomeAwards .Libox .img div{position: absolute;width: 90%;left: 0;right: 0;bottom: -10%;margin: 0 auto;height: 130% !important;}
.HomeF5 .HomeAwards .Libox .img img{height: 310px; position: relative; z-index:8; top: -30px; max-width: 75%;}
.HomeF5 .HomeAwards .Libox .txtBox{background: #fff;height: 100px;padding-top: 22px;}
.HomeF5 .HomeAwards .List .swiper-container{padding: 30px 0;}
.HomeF5 .HomeAwards .Libox .txtBox .h3{font-weight: normal; color: #000; text-transform: uppercase;position: relative;font-size: 16px;line-height: 16px;}
.HomeF5 .HomeAwards .Libox .txtBox .h3 span{ display: inline-block;position: relative; z-index: 8; }
.HomeF5 .HomeAwards .Libox .txtBox .h3 .icon{position: absolute; left: 5%;width: 90%;height: 10px; background: #ff9f1a;bottom: 0;}
.HomeF5 .HomeAwards .Libox .txtBox .h4{font-weight: normal; color: #000; text-transform: uppercase;position: relative;font-size: 16px;}
.HomeF5 .HomeAwards .List .Libox{display:block;position: relative;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;margin:14px;}
.HomeF4 .HomeNew .List .Libox{display:block;position: relative;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;margin:0 10px;}


@media screen and (min-width:540px){
  .HomeF5{padding:6% 0 3%; }
  .HomeF5 .HomeAwards .List .box{width:50%;display: inline-block; }

  .HomeF4 .HomeNew .List .box{width:50%;display: inline-block; }
 
}

@media screen and (min-width:768px){
  .HomeF5{padding:12% 0 11%; }
  .HomeF5 .HomeAwards .List .swiper-container{padding: 50px 0;}
  .HomeF5 .HomeAwards .List .box{width:33.33%;display: inline-block; }

  .HomeF4 .HomeNew .List .box{width:33.33%;display: inline-block;}

}

@media screen and (min-width:1000px){
  .HomeF5{padding: 1% 0 11%;}
  .HomeF5 .imgbgtop .img01{ display:block; }
  .HomeF5 .imgbgtop .img02{ display:none; }

.FHbox .imgbgtop .img01{ display: block; }
.FHbox .imgbgtop .img02{ display:none; }



  .HomeF5 .HomeAwards .List .swiper-container{margin-top: 75px;padding: 5% 0;}
  .HomeF5 .HomeAwards .List .Libox:hover{z-index: 88;  -webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
  .HomeF5 .HomeAwards .Libox:hover .img{background-color: #ffde00;}
  .HomeF5 .HomeAwards .Libox .txtBox .h3,.HomeF5 .HomeAwards .Libox .txtBox .h4{font-size: 18px;}
  .HomeF5 .HomeAwards .Libox .txtBox .h3{line-height: .8em;margin: 8px auto 5px;}
  .HomeF5 .HomeAwards .List{padding: 0 10%;}
  .HomeF5 .HomeAwards .List .swiper-prev{left: 3%;}
  .HomeF5 .HomeAwards .List .swiper-next{right: 3%;}
  .HomeF5 .HomeAwards .List .swiper-prev,
  .HomeF5 .HomeAwards .List .swiper-next{width: 60px; height:120px;}
}

@media screen and (min-width:1200px){
  .HomeF5 .HomeAwards .List .swiper-container{margin-top: 110px;}
  .HomeF5 .HomeAwards .List .box{width:25%;display: inline-block;    vertical-align: bottom; }
}

@media screen and (min-width:1920px){
 .HomeF5 .HomeAwards .List .swiper-prev{left: 0px;}
 .HomeF5 .HomeAwards .List .swiper-next{right: 0px;}
 .HomeF5 .HomeAwards .List .swiper-prev,
 .HomeF5 .HomeAwards .List .swiper-next{width: 100px; height:145px;}
 .HomeF5 .HomeAwards .List{padding: 40px 135px 0;}

}

.HomeF6{padding: 2% 0;}
.HomeF6 .Links{max-width: 1600px;margin: 0 auto;}
.HomeF6 .Links .List{position: relative; padding:2% 30px;}
.HomeF6 .Links .List ul{position: relative;}
.HomeF6 .Links .List ul li{}
.HomeF6 .Links .List ul li a{  margin-bottom: 13px; display: block;}
.HomeF6 .Links .List ul li a .spanA{display: block;background: #f5f5f5;position: relative;  -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.HomeF6 .Links .List ul li a .txt{display: block;line-height: 45px; background: #ff9f1a; text-align: center; color: #fff; display: none; position: absolute; width:100%;left: 0;top: 100%;}
.HomeF6 .Links .List ul li a img{width: 100%;max-width: auto;}
.HomeF6 .Links .List ul li a{width: 32%;margin-right:2%;display: inline-block;}
.HomeF6 .Links .List ul li a:nth-child(3n){margin-right:0;}

@media screen and (min-width:768px){
   .HomeF6 .Links .List ul li a{width: 23.5%;margin-right:2%;display: inline-block;}
   .HomeF6 .Links .List ul li a:nth-child(3n){margin-right:2%;}
   .HomeF6 .Links .List ul li a:nth-child(4n){margin-right:0%;}
}

@media screen and (min-width:1000px){
   .HomeF6 .Links .List ul li a{width: 19%;margin-right:1.25%;display: inline-block;}
   .HomeF6 .Links .List ul li a:nth-child(3n){margin-right:1.25%;}
   .HomeF6 .Links .List ul li a:nth-child(4n){margin-right:1.25%;}
   .HomeF6 .Links .List ul li a:nth-child(5n){margin-right:0%;}
   .HomeF6 .Links .List{padding:2% 74px;}
}

@media screen and (min-width:1350px){
   .HomeF6 .Links .List{padding:2% 30px;} 
}

.HomeF6 .Links .bx-wrapper{max-width: 1200px !important;}
.HomeF6 .Links .bx-prev,.HomeF6 .Links .bx-next{ position: absolute; line-height: 999px; overflow: hidden; width: 22px; height: 44px;  top: 50%;margin-top: -22px;}
.HomeF6 .Links .bx-prev{ background: url('../images/prev.png') no-repeat center; background-size: cover; left: 0;}
.HomeF6 .Links .bx-next{background: url('../images/next.png') no-repeat center; background-size: cover; right: 0;}

@media screen and (min-width:1000px){

  .HomeF6 .Links .bx-prev{left: 10px;}
  .HomeF6 .Links .bx-next{right: 10px;}
  .HomeF6 .Links .bx-prev,  .HomeF6 .Links .bx-next{width: 60px; height:120px;}
  .HomeF6 .Links .bx-viewport{padding: 4% 0;}
  .HomeF6 .Links .List ul li a:hover .spanA{ z-index: 8; position: relative;box-shadow: 0 0 20px #DFDFDF; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
  .HomeF6 .Links .List ul li a:hover .txt{ display: block; }
  
  .HomeF6 .Links .bx-prev, .HomeF6 .Links .bx-next{margin-top: -45px;}
  .HomeF5 .HomeAwards .List .swiper-prev, .HomeF5 .HomeAwards .List .swiper-next{margin-top: -45px;}
  .HomeF4 .HomeNew .List .swiper-button-prev,.HomeF4 .HomeNew .List .swiper-button-next{margin-top: -45px;}

}

@media screen and (min-width:1400px){
  .HomeF6 .Links .bx-prev{left: 20px;}
  .HomeF6 .Links .bx-next{right: 20px;}
}
@media screen and (min-width:1500px){
   .HomeF6 .Links .bx-prev{left: 3%;}
  .HomeF6 .Links .bx-next{right: 3%;}
}

@media screen and (min-width:1920px){
.HomeF6 .Links .bx-prev{left: 0px;}
.HomeF6 .Links .bx-next{right: 0px;}
.HomeF6 .Links .bx-prev,.HomeF6 .Links .bx-next{width: 100px; height:145px;}
.HomeF5 .HomeAwards .List .swiper-prev, .HomeF5 .HomeAwards .List .swiper-next{margin-top: -22px;}

}

/* 公司简介 */
.menuNavBox{ display: none;margin-bottom: 3.125%; }
.menuNavBox ul{text-align: center;}
.menuNavBox ul li{ display: inline-block; padding:0 15px; }
.menuNavBox ul li a{display: block; line-height: 40px;width: 130px; text-align: center; border:3px solid #3d3d3d; font-size: 16px; color: #333;}



@media screen and (min-width:1000px){
  .menuNavBox{ display: block;}
  .menuNavBox ul li a:hover,.menuNavBox ul li.on a{background: #ff9f1a; border-color: #ff9f1a; color: #fff;}
}


.About .HomeBox{padding-top: 2%;}
.About .HomeBox .h3{text-align: center;}
.About .HomeBox .h3 img{width: 100px;}
.About .HomeBox .txtBox{ text-align: center;margin: 10px auto; }
.About .HomeBox .txtBox .h4{ color: #333;font-weight: normal;font-size: 18px; }
.About .HomeBox .txt{line-height: 1.8em;padding-top: 2%; text-align: left;}
.aboutH3{font-size: 18px; color:#333; text-align: center; margin-top: 4%;}
.About .TxtBox .h3{font-weight: normal; font-size: 18px; margin-top: 5%;color: #333;}


.AboutList{position: relative;}
.AboutList .imgbgbottom{position: absolute; left: 0;bottom: 0; z-index: 88;}

.AboutList ul{margin-top: 5%;}
.AboutList ul .img img{ width: 100%; }
.AboutList ul li .libox{padding: 20px 15px; color: #333; }
.AboutList ul li .libox .icon{display: block; margin:0 auto; text-align: center;}
.AboutList ul li .libox .h3{text-align: center;margin:4% auto 2%;font-weight: normal;font-size:16px;}

.AboutList  .more_link{width: 180px;height: 40px;margin:40px auto;border:1px solid #fff;font-size: 16px;line-height: 40px;text-align: center; padding-right: 30px; background: url(../images/more.png) no-repeat 110px center;}



@media screen and (max-width:1000px ){
  .AboutList ul li a{display: block; background: none !important;}
  .AboutList .imgbgbottom{display:none;}
}

@media screen and (min-width:1000px ){
.AboutList ul .img{display: none;}
.AboutList ul {position: relative; height: 575px;margin-top: 30px;}
.AboutList ul li{ width:37.5%; }
.AboutList ul li{ left:0;  position: absolute; }
.AboutList ul li a{ position: relative;display: block; height: 575px; background-repeat: no-repeat;background-position:left center;}
.AboutList ul li .libox{color: #fff; position: absolute;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;  opacity: 0; padding:85px 30px 0; background: rgba(255,159,26,.7); width: 100%;height: 100%; }
.AboutList ul li .libox .h3{text-align: center;margin:4% auto 2%;}
.AboutList ul li a:hover .libox{opacity: 1;}


}


@media screen and (min-width:1000px ){
  .About .HomeBox .h3 img{width: auto;}
  .About .HomeBox .txt{font-size: 16px;}
  .About .HomeBox .txtBox .h4{font-size: 24px;}
  .About .HomeBox .txtBox{margin-top: 30px;}

  .aboutH3{font-size: 24px;}
  .About .TxtBox .h3{font-size: 24px;color: #333;}

}

/* 公司简介 */

/* 发展历程 */
.History{}



/* 发展历程 */

/* 获奖荣誉 */
.AwardsCon{padding: 0;}
.AwardsBox{ background:  #ff9f1a;position: relative;padding: 5% 0;}
.AwardsBox .txtBox{margin-top:80px;padding-bottom: 7%;}

@media screen and (min-width:1000px ){
  .AwardsBox .txtBox{margin-top:7%;}
}

.AwardsBox .AwardsList{position: relative; z-index: 8;max-width: 1640px; margin:0 auto;}
.AwardsBox .AwardsList .List{padding: 0 30px; position: relative;}
.AwardsBox .AwardsList .List .swiper-container{margin:50px auto 0; }
.AwardsBox .AwardsList .List .swiper-prev,.AwardsBox .AwardsList .List .swiper-next{display: block;position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;}
.AwardsBox .AwardsList .List .swiper-prev{ background: url('../images/prev.png') no-repeat center; background-size: cover; left: 0;}
.AwardsBox .AwardsList .List .swiper-next{background: url('../images/next.png') no-repeat center; background-size: cover; right: 0;}
.AwardsBox .AwardsList.Libox{display: block; text-align: center;}
.AwardsBox .AwardsList .Libox .img{height: 255px; text-align: center;position: relative;}
.AwardsBox .AwardsList .Libox .img img{height: 310px; position: relative; z-index:8; top: -30px; }
.AwardsBox .AwardsList .Libox .img div{position: absolute;bottom: -10%;left: 0;right: 0;margin: 0 auto;width: 90%;height: 120%;}
.AwardsBox .AwardsList .Libox .txtBox{background: #fff; padding: 35px 15px 35px; text-align: center;}
.AwardsBox .AwardsList .List .swiper-container{padding: 30px 0;}
.AwardsBox .AwardsList .Libox .txtBox{margin-top: 0;}
.AwardsBox .AwardsList .Libox .txtBox .h3{font-weight: normal; color: #000; text-transform: uppercase;position: relative;font-size: 16px;}
.AwardsBox .AwardsList .Libox .txtBox .h3 span{ display: inline-block;position: relative; z-index: 8; }
.AwardsBox .AwardsList .Libox .txtBox .h3 .icon{position: absolute; left: 9%;width: 80%;height: 13px; background: #ff9f1a;bottom: 0;}
.AwardsBox .AwardsList .Libox .txtBox .h4{font-weight: normal; color: #000; text-transform: uppercase;position: relative;font-size: 16px;}
.AwardsBox .AwardsList .List .Libox{ display: block;position: relative;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

@media screen and (min-width:540px){
    .AwardsBox .AwardsList  .box{width: 50%;font-size: 0;display: inline-block;}
    .AwardsBox .AwardsList .List .Libox{margin:0 14px;}
}
@media screen and (min-width:768px){
  .AwardsBox .AwardsList .List .swiper-container{padding: 50px 0;}
  .AwardsBox .AwardsList  .box{width: 33.33%;font-size: 0;display: inline-block;margin:14px 0;}
}

@media screen and (min-width:1000px){

  .AwardsBox .AwardsList .List .swiper-container{margin-top: 75px;padding: 5% 0;}
  .AwardsBox .AwardsList .Libox .txtBox .h3,.AwardsBox .AwardsList .Libox .txtBox .h4{font-size: 24px;}
  .AwardsBox .AwardsList .Libox .txtBox .h3{line-height: .8em;margin: 8px auto 5px;}
  .AwardsBox .AwardsList .List{padding: 0 98px;}
  .AwardsBox .AwardsList .List .swiper-prev{left: 10px;}
  .AwardsBox .AwardsList .List .swiper-next{right: 10px;}
  .AwardsBox .AwardsList .List .swiper-prev,
  .AwardsBox .AwardsList .List .swiper-next{width: 40px; height:60px;}

}

@media screen and (min-width:1200px){
  .AwardsBox .AwardsList .List .swiper-container{margin-top: 110px;}
}

@media screen and (min-width:1920px){
  .AwardsBox .AwardsList .List .swiper-prev{left: 0px;}
  .AwardsBox .AwardsList .List .swiper-next{right: 0px;}
  .AwardsBox .AwardsList .List .swiper-prev,
  .AwardsBox .AwardsList .List .swiper-next{width: 90px; height:145px;margin-top:-72.5px;}
  .AwardsBox .AwardsList .List{padding: 0 215px;}
  .AwardsBox .AwardsList .List .Libox{padding:0;}

}



/* 获奖荣誉 */

/* 合作工厂 */
.Factory{}
.Factory .List{padding: 8% 0;}
.Factory .List ul li{margin-bottom: 15px; background: #f7f7f7;}
.Factory .List ul li .img{ border: 14px solid #ff9f1a; }
.Factory .List ul li .img img{width: 100%;}
.Factory .List ul li .Rtxt{padding: 20px 15px;}

.Factory .List ul li .Rtxt .h3{font-size: 25px;font-weight: normal; color: #333;}
.Factory .List ul li .Rtxt .txt{font-size: 16px; color: #666;padding-top: 10px;}
.Factory .List ul li .Rtxt .more{display: block; width: 145px; line-height: 40px; border:3px solid #3d3d3d; font-size: 14px; padding-left: 20px; margin-top: 15px; background: url('../images/more01.png') no-repeat 90px center;}

@media screen and (min-width:768px){
  .Factory .List ul li .Left{float: left; width: 50%;}
  .Factory .List ul li .Right{float: left; width: 50%;}
  .Factory .List ul li{margin-bottom:0px;}
  .Factory .List ul li:nth-child(2n) .Left{float: right;}
  .Factory .List ul li:nth-child(2n) .Right{float:left;}
}

@media screen and (min-width:1000px){
.Factory .List ul li .Rtxt{padding: 40px;}
}


/* 合作工厂 */

.Products{}
.Products .ProList{padding: 8% 0;}
.Sideh3{padding: 0 15px; background: #ff9f1a; position: relative; line-height: 45px;}
.Sideh3 .h3{font-weight: normal; font-size: 16px; color: #fff;}
.Sideh3 .btn{position: absolute; width: 45px;height: 45px; display: block; right: 15px;top: 0;}
.Sideh3 .btn span{display: block; width: 80%;height: 3px; background: #fff; border-radius:5px; position: absolute; left: 10%; transition: all .3s;}
.Sideh3 .btn span.span1{top:70%;}
.Sideh3 .btn span.span2{top:50%; margin-top: -1.5px;}
.Sideh3 .btn span.span3{bottom: 70%;}
.Sideh3 .btnon span.span1{transform: rotate(-45deg); top: 50%;}
.Sideh3 .btnon span.span2{background-color: transparent;}
.Sideh3 .btnon span.span3{transform: rotate(45deg);top: 50%;}
.Products .ProList .ul{display: flex;align-content: stretch; flex-wrap: wrap;}

.SidebarList{overflow: hidden; border:2px solid #ff9f1a; border-radius: 0 0 10px 10px; display: none;}
.SidebarList a{font-size: 15px;}
.SidebarList ul .sideA{display: block;line-height: 35px; background: #f5f5f5;padding: 0 30px; border-bottom: 1px solid #e5e5e5;}
.SidebarList ul .xlA{display: block; line-height: 35px; border-bottom: 1px solid #e5e5e5;padding-left: 30px;}
.SidebarList ul .xldA{display: block; line-height: 30px;padding-left: 30px; border-bottom: 1px dashed #e5e5e5;}

.SidebarList ul .xl{display: none;}
.SidebarList ul .xldl{display: none;}
.Products .ProList .SidebarList .ul {display: block;}
.SidebarList ul .on .xl{display: block;}
.SidebarList ul .on .mon .xldl{display: block;}

.ProList .List{padding-top: 20px;}
.ProList .List .img{display: block;}
.ProList .List .img img{ width: 100%; }
.ProList .List .txtbox{ padding: 15px; background: #f7f7f7; }
.ProList .List .txtbox .h3{ text-align: center; font-size: 16px; font-weight: normal; color: #000; }
.ProList .List .txtbox a.more{display: block; width: 124px;line-height: 36px;padding-left: 15px; background:url('../images/more01.png') no-repeat 78px center;border:3px solid #3d3d3d; margin: 10px auto 0;}
.ProList .List li{margin-bottom: 15px;}

.SidebarList ul .xldl div a{display: block;padding-left: 37px;line-height: 26px;font-size: 12px;}


@media screen and (min-width:540px){
  .ProList .List li{float: left; width: 49%;margin-right: 2%;}
  .ProList .List li:nth-child(2n){margin-right: 0;}
}

@media screen and (min-width:768px){
  .ProList .List li{float: left; width: 32%;margin-right: 2%;margin-bottom: 2%;}
  .ProList .List li:nth-child(2n){margin-right: 2%;}
  .ProList .List li:nth-child(3n){margin-right: 0;}
}

@media screen and (min-width:1000px){
  .ProList .List li{float: left; width: 30.5%;margin-right: 4.25%;margin-bottom: 4.25%;}
  .ProList .List li:nth-child(2n){margin-right: 4.25%;}
  .ProList .List li:nth-child(3n){margin-right: 0;}
  .ProList .Sidebar{width: 222px;float: left;}
  .ProList .List{float: right; width: 76.4%; padding-top: 0;}
  .Sideh3{display: none;}
  .SidebarList{display: block; border:none; border-radius: 0;}
  .SidebarList ul .sideA{background: #ff9f1a; color: #fff; line-height: 40px; border-bottom: 3px solid #fff; font-size: 22px; font-weight: bold;}
  .SidebarList ul .xlA{line-height: 40px; font-size: 20px; font-weight: bold; color: #333;}
  .SidebarList ul .xldA{line-height: 30px;border-bottom: none; color: #666; font-size: 14px;}
  .SidebarList ul .xldl{padding: 6px 0;}

}

.ProList .ProListInfo{padding-top: 20px;}

@media screen and (min-width:1000px){
  .ProList .ProListInfo{padding-top: 0px;float: right; width: 76.4%;}
}

.ProList .ProListInfo .Itemh3{font-size: 16px; font-weight: normal; color: #000; padding-left: 10px; position: relative;line-height: 1em;margin-bottom: 15px; }
.ProList .ProListInfo .Itemh3 .icon{display: block; width: 6px; position: absolute; left: 0;top: 0; background: #ff9f1a; height: 100%;}
.ProList .ProListInfo .itemBox{margin-bottom: 20px;}

.ProList .ProListInfo .itemBox .imgA{display: block;}
.ProList .ProListInfo .itemBox .imgA img{width: 100%;}
.ProList .ProListInfo .item {background: #f7f7f7;}

.ProList .ProListInfo .ItemCon{position: relative;}
 

.ProList .ProListInfo .ItemCon .bx-prev,.ProList .ProListInfo .ItemCon .bx-next{ position: absolute; line-height: 999px; overflow: hidden; width: 44.8px; height: 32.2px;  top: 50%;margin-top: -16.1px;}
.ProList .ProListInfo .ItemCon .bx-prev{ background: url('../images/pleft.png') no-repeat center; background-size: cover; left: 0;}
.ProList .ProListInfo .ItemCon .bx-next{background: url('../images/pright.png') no-repeat center; background-size: cover; right: 0;}
.ProList .ProListInfo .ItemCon .libox .img img{width: 100%;}

.ProList .ProListInfo .ItemCon .libox .h3{font-size: 20px;color: #956133; text-align: center;}
.ProList .ProListInfo .ItemCon .libox .txt{text-align: center; font-size: 14px; color: #333;padding-bottom:20px;}


@media screen and (min-width:768px){
  .ProList .ProListInfo .item .imgA{float: left; width: 59.89%;}
  .ProList .ProListInfo .item .ItemCon{float: left;width: 40.11%;}
  .ProList .ProListInfo .odd .item .imgA{float: right;}

  .ProList .ProListInfo .Itemh3{font-size: 22px;margin-bottom: 15px;}
  .ProList .ProListInfo .itemBox{margin-bottom: 30px;}
}


@media screen and (min-width:1000px){
  .ProList .ProListInfo .ItemCon .bx-prev,.ProList .ProListInfo .ItemCon .bx-next{ width: 64px; height: 46px; margin-top: -23px;}
  .ProList .ProListInfo .Itemh3{font-size: 24px;margin-bottom: 20px;}
  .ProList .ProListInfo .itemBox{margin-bottom:45px;}

}




.News .List,.News .Info{padding: 20px 0;}
.News .List li{margin-bottom: 15px;}
.News .List .Libox{display: block; border-bottom: 3px solid transparent; position: relative;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.News .List .Libox .img img{width: 100%;}
.News .List .Libox .txtBox{background: #f7f7f7; padding: 15px 25px 15px 40px; position: relative;}
.News .List .Libox .txtBox .Time{background: #FF9F1A; position: absolute; left: 20px;top: -30px;height: 55px;font-size: 14px; color: #000; padding: 10px; z-index: 2;}
.News .List .Libox .txtBox .h3{position: relative; z-index: 4; font-weight: normal; font-size: 16px;color: #000; height: 48px; overflow: hidden;}

@media screen and (min-width:540px){
  .News .List li{float: left; width: 48%;margin-right: 4%; margin-bottom: 4%;}
  .News .List li:nth-child(2n){margin-right: 0;}
}

@media screen and (min-width:768px){
  .News .List,.News .Info{padding-top: 30px;}
}

.ProList_search_list{width: 100%;}
.ProList_search_list .List{width: 100%;}

@media screen and (min-width:1000px){
  .News .List,.News .Info{padding-top: 50px;}
  .News .List li{float: left; width: 29.26%;margin-right: 6.11%; margin-bottom: 4%;}
  .News .List li:nth-child(2n){margin-right: 6.11%;}
  .News .List li:nth-child(3n){margin-right: 0;}
  .News .List .Libox .txtBox .h3{font-size: 24px; height: 73px;}
}

.News .Info{ }
.News .Info .h3{text-align: center; color: #333; font-weight: normal;font-size: 16px;}
.News .Info .h4{text-align: center; color: #999; font-size: 14px; font-weight: normal; border-bottom: 1px dashed #ccc; padding: 5px 0 8px; margin-bottom: 10px;}
.PageBox{ padding:0px 0 0px; }
.PageBox .Pages{text-align: center;}
.PageBox .Pages a{padding:8px 10px;border:1px solid #ededed; color: #333; font-size: 14px; margin:0 3px;transition: all .5s;}
.PageBox  a:hover,.PageBox  a.a_cur{ background: #ff9f1a;color: #fff; border:1px solid #ff9f1a; }
.PageBox .Pages .num{font-style: normal;}
.PageBox .Pages .num a{display: none;}

@media screen and (min-width:768px){
  .PageBox .Pages a{padding:10px 15px; display: none;background: none;border: none;font-size: 30px;color: #bbb; position: relative;  }
  .PageBox .Pages .num a{display:inline-block; padding: 6px 15px; color: #bbb; position: relative;}
  .PageBox .Pages a:after{ content: '' ;width: 50%;height: 2px; position: absolute; left: 25%;top: 50%; background:#ff9f1a; display: none;}
  .PageBox  a:hover,.PageBox  a.a_cur{background: none; color:#ff9f1a; border: none; }
  .PageBox  a:hover:after,.PageBox a.a_cur:after{display: block;}
}

.ChinaMap{margin-left: -15px;}
@media screen and (min-width:1200px){
  .ChinaMap{margin-left:0px;}
}

#stateTip{/*鼠标移入时 展示的样式 */ position: absolute;left: 100%;text-align: left;display: inline; background:#ff9f1a;}
#stateTip .mapTipText ul li.li0{display: none;}
#stateTip svg{display: none;}
#stateTip .mapTipText{display: none;}
#mapTipContent{}
#stateTip .mapTipText{width: 300px; border-radius: 5px; box-shadow: 0 0 5px #f5f5f5; background:#ff9f1a; padding: 20px; color: #fff;}
.mapTipText .h3{ font-size: 24px;font-weight: normal; }
.mapTipText .h3 span{font-size: 16px;}
.mapTipText ul li{font-size: 16px; padding-left: 30px;}
.mapTipText ul li.li1{background: url('../images/tel01.png') no-repeat 0 center;}
.mapTipText ul li.li2{background: url('../images/youx.png') no-repeat 0 center;}

.ConsultNav ul{text-align: center;margin: 10px auto;}
.ConsultNav ul li{ display: inline-block; padding:0 15px; }
.ConsultNav ul li a{display: block; position: relative; line-height: 40px; text-align: center;  font-size: 16px; color: #333;}
.ConsultNav ul li a span{position: relative; z-index:8;}
.ConsultNav ul li a .icon{display:none; width: 100%;height: 2px;z-index: 6;position: absolute; left:0;top: 50%;background:#ff9f1a;}
.ConsultNav ul li.on a .icon{ display: block; }

/*select下拉样式*/
.ZJselectBox{width:100%; height: 40px; position: relative;}
.ZJselectTxt{position: relative; padding-left: 15px; line-height: 40px; color: #999; font-size: 14px;border:1px solid #ccc;  border-radius: 5px; }
.ZJselectTxt span{}
.ZJselectTxt i.icon{ display: block; width: 40px;height: 40px; position: absolute; right: 0;top: 0;background: url('../images/zjdown.png') no-repeat center;z-index: 2;cursor: pointer; }
.ZJselectTxt i.iconOn{background-image: url('../images/zjup.png');}
.ZJselectBox .ZJselectUl{position: absolute; display: none; width: 100%; z-index: 4; top: 40px;left: 0; background: #fff; }
.ZJselectBox .ZJselectUl .ZJselectUlBox{max-height: 120px;overflow-y:auto; border:1px solid #ccc;}
.ZJselectBox .ZJselectUl ul li{font-size: 16px;float: none; height: 40px; line-height: 40px; padding: 0;margin: 0;padding-left: 15px;border-bottom: 1px solid #f9f9f9; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; cursor: pointer;}
.ZJselectBox .ZJselectUl ul li:hover{background: #f5f5f5;}

.ConsultSearch{ max-width: 730px;margin: 0 auto; }
.ConsultSearch .item{ margin-bottom: 10px;}
.ConsultSearch .item .btn{ border-radius: 5px; line-height: 40px; background: #ff9f1a; display: block; text-align: center;color: #fff;}

#mapTipContent .mapTipText,.ConsultBoxScear .mapTipTextbox{border-radius: 5px; border:1px solid #eee;padding: 20px; margin-top: 15px;}
#mapTipContent .mapTipText .h3,.ConsultBoxScear .mapTipTextbox .h3{font-size: 16px;margin-bottom: 5px;}
#mapTipContent .mapTipText .h3 span,.ConsultBoxScear .mapTipTextbox .h3 span{display: none;}
#mapTipContent .mapTipText ul li,.ConsultBoxScear .mapTipTextbox ul li{font-size: 14px; padding-left: 20px; line-height: 24px;}
#mapTipContent .mapTipText ul li.li0,.ConsultBoxScear .mapTipTextbox ul li.li0{background: url('../images/add.png') no-repeat 0 6px;}
#mapTipContent .mapTipText ul li.li1,.ConsultBoxScear .mapTipTextbox ul li.li1{background: url('../images/tel02.png') no-repeat 0 8px;}
#mapTipContent .mapTipText ul li.li2,.ConsultBoxScear .mapTipTextbox ul li.li2{background: url('../images/youx01.png') no-repeat 0 8px;}


@media screen and (min-width:640px){
  .ConsultSearch .item{float: none; width: 32%;margin-right: 2%;display: inline-block;} 
  .ConsultSearch .item.last{margin-right: 0;}
  .ConsultSearch{text-align: center;}
}

@media screen and (min-width:768px){
  #mapTipContent .mapTipText,.ConsultBoxScear .mapTipTextbox{float: left; width: 49%;margin-right: 2%;margin-top: 2%;}
  #mapTipContent .mapTipText:nth-child(2n),.ConsultBoxScear .mapTipTextbox:nth-child(2n){margin-right: 0;}
  .ConsultSearch{margin-bottom: 30px;}
  .ConsultNav ul{margin: 20px auto;}
}

@media screen and (min-width:1000px){
  .ConsultNav ul li a:hover .icon{ display: block; }
  #stateTip .mapTipText{display: block;}
  #mapTipContent{display: none;}
  .ConsultSearch{margin-bottom: 40px;}
  .ConsultNav ul{margin: 40px auto;}
  .ConsultBoxScear .mapTipTextbox ul li.li1,.ConsultBoxScear .mapTipTextbox ul li.li2{float: left;margin-right:20px;}
  .ConsultBoxScear .mapTipTextbox,.ConsultBoxScear .mapTipTextbox{padding: 35px;}
  .ConsultBoxScear{max-width: 960px; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width:640px){
  #mapTipContent .mapTipTextNull {display:none;}
}

.ConsultBoxScear{padding-top:20px;    margin-bottom: 30px;}
.ConsultBoxScear .hsh3{ font-size: 16px;color: #333;font-weight: normal; }

.ConsultBox-1{}
.ConsultBox-1 ul li{ border-radius: 5px; border: 1px solid #ededed;padding: 20px;margin-bottom: 20px; }
.ConsultBox-1 ul li .libox{}
.ConsultBox-1 ul li .libox .h3{ font-size: 18px; color: #333;font-weight: normal; }
.ConsultBox-1 ul li .libox .h3 span{ font-size: 14px; }
.ConsultBox-1 ul li .dl{padding-top: 5px;}
.ConsultBox-1 ul li .dl dd{ padding-left: 25px; line-height: 24px;margin-top: 5px; }
.ConsultBox-1 ul li .dl .dd1{background: url('../images/tel03.png') no-repeat 0 0px;}
.ConsultBox-1 ul li .dl .dd2{background: url('../images/youx02.png') no-repeat 0 5px;}

.h3Con{font-size: 16px;text-align: center;font-weight: normal; color: #333;}

@media screen and (min-width:768px){
  .ConsultBox-1 ul li{width: 48%;margin-right: 4%; float: left;}
  .ConsultBox-1 ul li:nth-child(2n){margin-right: 0;}
}

@media screen and (min-width:1000px){
  .ConsultBox-1 ul li{width:100%;float:none; border:none; height: 240px;padding-top:120px;}
  .ConsultBox-1 ul li:nth-child(2n){padding-top: 40px;}
  .ConsultBox-1 ul{margin: 0 22%;}
  .ConsultBox-1 ul li:nth-child(2n) .libox{float: right;}
  .ConsultBox-1{ background:url('../images/cb1bg.jpg') no-repeat center; background-size: cover;  }
  .ConsultBox-1 ul li .libox .h3{font-size: 24px;}
  .ConsultBox-1 ul li .libox .h3 span{ font-size: 16px; }
  .ConsultBox-1 ul li .dl dd{font-size: 16px;}
  .h3Con{font-size: 24px;}

}

.Reference{margin:20px auto;}
.Reference .h2{font-size: 22px;font-weight: normal; color: #000; text-align: center;}
.Reference .more{display: block; width: 222px;line-height: 42px; text-align: center; background: #ff9f1a; color: #fff; font-size:20px;margin: 15px auto;}
.ReferenceList{}
.ReferenceList ul li{border-radius: 5px; padding:15px; margin-bottom: 15px; border:1px solid #ededed;}
.ReferenceList ul li .h3{padding-bottom: 3px;font-size: 25px; font-weight: normal;color: #333;padding-left:25px;}
.ReferenceList ul li dl dd{padding-left: 25px; line-height: 24px;font-size: 16px;}
.ReferenceList ul li dl .dd1{background: url('../images/youx03.png') no-repeat 0 center;}
.ReferenceList ul{max-width: 750px;margin:0 auto;}

@media screen and (min-width:540px){
  .ReferenceList ul li{float: left; width: 49%;margin-right: 2%;}
  .ReferenceList ul li:nth-child(2n){margin-right: 0;}
}


@media screen and (min-width:1000px){
  .Reference{padding: 30px 0;}
  .ReferenceList ul li{border:none;}
  .Reference .h2{font-size: 50px; line-height: 1em;}
  .Reference .more{margin:25px auto 40px;}
  .Reference{margin-top: 40px;background: url('../images/cb1bg01.png') no-repeat center;overflow: hidden; background-size: cover; height: 492px; padding-top: 100px;}
}

.LeaveWord{margin: 7% auto 0; max-width: 795px;}
.LeaveWord .ul{padding-bottom: 10px; }
.LeaveWord .ul li{margin-bottom: 10px;}
.LeaveWord .ul .libox{}
.LeaveWord .ul .libox .left{font-size: 16px; color: #333; line-height: 30px;}
.LeaveWord .ul .libox .right{min-height: 22px; padding:10px 15px; border:3px solid #3d3d3d;}
.LeaveWord .ul .libox .right input{display: block; line-height: 22px; width: 100%;}
.LeaveWord .ul .libox .right textarea{height: 150px;}
.LeaveWord .morebtn{display: block; background:#ff9f1a;font-weight: bold; line-height: 45px; color: #fff; text-align: center;}

@media screen and (min-width:768px){
  .LeaveWord .ul li{margin-bottom: 20px;}
  .LeaveWord .ul .libox .left{line-height: 40px;}
  .LeaveWord .ul li{float: left; width: 46%;margin-right: 8%;}
  .LeaveWord .ul li:nth-child(2n){margin-right: 0;}
  .LeaveWord .ul li.row{width: 100%; margin-right: 0;}
}

@media screen and (min-width:1200px){
  .LeaveWord .morebtn{line-height: 55px;font-size: 16px;}
}

.HistoryList{padding: 0 30px; position: relative;margin: 20px auto 0;background: url('../images/libg.png') repeat-x 0 center;overflow: hidden; }
.HistoryList ul li{height: 700px;}
.HistoryList ul li .item{height: 350px;position: relative;cursor: pointer;}
.HistoryList ul li .item .libox{position: absolute; left: 0; width: 100%; bottom:50px; background:#FDB44E; color: #fff; padding: 20px; border-radius: 10px;}
.HistoryList ul li .item.last .libox{position: absolute; left: 0; width: 100%; top:50px;bottom: auto;}
.HistoryList ul li .item:hover .libox{background: #fe9e1a; box-shadow: 0 0 10px #eee;}
.HistoryList ul li .icon{display: block;z-index: 3; width: 30px;height: 30px; border-radius: 100%; border:2px solid #ff9f1a; background: #fff; position: absolute;}
.HistoryList ul li .icon{left: 20px;bottom: -15px;}
.HistoryList ul li .iconsj{position: absolute; width:0;height: 0;border-top: 10px solid #ffce8a; border-right: 10px solid transparent; border-left: 10px solid transparent; left: 24px; bottom: 40px;z-index: 5;}
.HistoryList ul li .item:hover .iconsj{border-top: 10px solid #fe9e1a;}
.HistoryList ul li .item.last:hover .iconsj{border-bottom: 10px solid #fe9e1a; border-top: none;}
.HistoryList ul li .iconhx{position: absolute; left: 34px;border-left: 1px dashed #ccc; height: 50px; z-index: 2; bottom: 0;}
.HistoryList ul li .last .iconhx{left: auto; right: 135px;bottom: auto;top: 0;}
.HistoryList .bx-prev,.HistoryList .bx-next{ position: absolute; line-height: 999px; overflow: hidden; width: 22px; height: 44px;  top: 50%;margin-top: -22px;}
.HistoryList .bx-prev{ background: url('../images/Lleft.png') no-repeat center; background-size: cover; left: 0;}
.HistoryList .bx-next{background: url('../images/Lright.png') no-repeat center; background-size: cover; right: 0;}



@media screen and (min-width:768px){

  .HistoryList ul li .item .libox{bottom:90px}
  .HistoryList ul li .item.last .libox{top:90px;}
  .HistoryList ul li .iconhx{height: 90px;}
  .HistoryList ul li .iconsj{bottom: 80px;}
  .HistoryList ul li .last .iconsj{top: 80px; }
  
  .HistoryList ul li .last .icon{left: auto;right: 120px;bottom: auto; top: -15px;} 
  .HistoryList ul li .last .iconsj{ left: auto;bottom: auto; right: 125px;top: 40px;border-top: none; border-bottom: 10px solid #ffce8a;  }

}
@media only screen and (max-width:768px ) {
	.HistoryList ul li .item{padding-bottom: 40px;height: auto;}
	.HistoryList ul li{height: auto;}
	.HistoryList ul li .item.last .libox,
	.HistoryList ul li .item .libox{position: static;}
	.HistoryList{background: none;}
	.HistoryList .bx-viewport{padding: 30px 0 0 40px;}
	.HistoryList ul li .iconhx{display: none;}
	.HistoryList ul li .iconsj{left: -10px;right: auto;top: 50%;-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	bottom: auto;  
	  border-right: 10px solid #ffce8a;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
     border-left: 0;
     margin-top: -20px;}
     .HistoryList ul li .icon{width: 24px;height: 24px;    left: -40px !important;
    top: 50% !important;
    transform: translateY(-50%);
    margin-top: -20px;}
    .HistoryList .bx-wrapper{position: relative;}
    .HistoryList .bx-wrapper:before{position: absolute;content: '';display: block;height: 90%;left: 9px;top: 5%;background: #EEEEEE;width: 2px;}
	.HistoryList .bx-prev, .HistoryList .bx-next{
		transform:rotate(90deg);
		-ms-transform:rotate(90deg); 	/* IE 9 */
		-moz-transform:rotate(90deg); 	/* Firefox */
		-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
		-o-transform:rotate(90deg); 	/* Opera */
	}
	.HistoryList .bx-prev{top: 0;margin: 0;}
	.HistoryList .bx-next{bottom: 0;top: auto;margin: 0;left: 0;right: auto;}
}

@media screen and (min-width:1000px){

  .HistoryList .bx-prev{left: 10px;}
  .HistoryList .bx-next{right: 10px;}
  .HistoryList .bx-prev, .HistoryList .bx-next{width: 40px; height:60px;margin-top: -30px;}
  .HistoryList ul li .item .libox{padding: 22px 38px;}

}

@media screen and (min-width:1500px){

  .HistoryList .bx-prev{left: 3%;}
  .HistoryList .bx-next{right: 3%;}

}


@media screen and (min-width:1920px){
  .HistoryList .bx-prev,.HistoryList .bx-next{width: 60px; height:100px;margin-top: -50px;}
}



.bMask{position: fixed; display: none; background:rgba(0,0,0,.5);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);left: 0; top: 0; z-index: 9999;}
.bMask .BmaskBox{z-index: 999; max-width: 620px;padding:20px;margin:0px auto;position: relative;background: #000; border-radius: 10px;}
.bMask .BmaskBox .Bbox{border:1px solid #fff; padding:30px 20px;position: relative; border-radius: 10px;}
.bMask .BmaskBox .h3{text-align: center; font-weight: normal;font-size: 22px;color: #fff;}
.bMask .BmaskBox .p{color: #fff;font-size: 14px;text-align: center;}

.bMask .BmaskBox a.BMaskClose{ display: block;width: 40px; height: 40px;position: absolute;right: 4px;top:4px; line-height: 40px;text-align: center; background: url('../images/close.png') no-repeat center;}
.bMask .BmaskBox .Bbox ul li{ border: 1px solid #fff;line-height: 36px;  height: 36px;padding: 7px 15px;margin-top: 15px;}
.bMask .BmaskBox .Bbox ul li input{display: block;text-align: center; color: #fff; line-height: 22px; width: 100%;vertical-align: middle; }
.bMask .BmaskBox .Bbox ul li.last{padding: 0;border:none;}
.bMask .BmaskBox .Bbox ul li.last .btn{display: block; line-height: 36px; background: #ed1a2e; text-align: center;color: #fff; }


@media screen and (min-width:1000px){
  .bMask .BmaskBox .h3{font-size: 24px;}
  .bMask .BmaskBox .p{font-size: 16px;padding-top: 5px;}
  .bMask .BmaskBox .Bbox{padding: 65px 80px;}
  .bMask .BmaskBox .Bbox ul{padding-top: 20px;}
}


.singlePage_fy a{display: inline-block;margin-bottom: 8px;}
.singlePage_fy{padding-top: 40px;}

/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

@media screen and (max-width: 768px) {
    /*顶部*/
    .TopLang .NavBtn {display: block;}
    .TopLang .searchBox{display: inline-block;}
    /*右侧导航*/
    .Minnav {
        display: none;
    }
    /*网站底部*/
    .footer .Bottom {
        display: block;
    }
    .footer .Bottom .left {
        width: 49%;
        margin: 20px 0;
    }
    .footer .Bottom .right{
        width: 49%
    }
    .footer .Bottom .ConNav {
        display: none;
    }
    .footer .BottomLinks .left span {
        display: none;
    }
    /*产品总览*/
    .ProList .List li {
        width: 100%;
    }
}


@media only screen and (max-width:640px ) {
	.animated{-webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;}
  .AboutList  .more_link{background: url(../images/more01.png) no-repeat 124px center;border:1px solid #333;}
  .footer .Bottom .left ,.footer .Bottom .right {
        width: 100%;
    }
}
@media only screen and (max-width:1000px ) {
  .animated{-webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;}
  .AboutList  .more_link{background: url(../images/more01.png) no-repeat 124px center;border:1px solid #333;}

  
}


.chinaMapBox {position: relative;}
#mapChina { opacity: 0.01;}
#info { position:absolute; padding: 20px; background:#ff9f1a; z-index: 1000; color: #fff; border-radius: 10px; pointer-events: none; display: none;}
#info #infoName {font-size: 24px;}
#info #infoName span {font-size: 16px;}
#info #infoPhone {padding-left: 20px; background: url(../images/tel01.png) no-repeat left center; line-height: 30px;}
#info #infoEmail {padding-left: 20px; background: url(../images/youx.png) no-repeat left center;; line-height: 30px;}